import {
  createJavascriptTransition,
  createSimpleTransition,
} from './src/create-transition';
import ExpandTransitionGenerator from './src/expand-transition';

export { default as CollapseTransition } from './src/collapse-transition.vue';

// 动画组件
export const FadeTransition = createSimpleTransition('fade-transition');
export const ScaleTransition = createSimpleTransition('scale-transition');
export const SlideYTransition = createSimpleTransition('slide-y-transition');
export const ScrollYTransition = createSimpleTransition('scroll-y-transition');
export const SlideYReverseTransition = createSimpleTransition(
  'slide-y-reverse-transition',
);
export const ScrollYReverseTransition = createSimpleTransition(
  'scroll-y-reverse-transition',
);
export const SlideXTransition = createSimpleTransition('slide-x-transition');
export const ScrollXTransition = createSimpleTransition('scroll-x-transition');
export const SlideXReverseTransition = createSimpleTransition(
  'slide-x-reverse-transition',
);
export const ScrollXReverseTransition = createSimpleTransition(
  'scroll-x-reverse-transition',
);
export const ScaleRotateTransition = createSimpleTransition(
  'scale-rotate-transition',
);

export const ExpandXTransition = createJavascriptTransition(
  'expand-x-transition',
  ExpandTransitionGenerator('', true),
);

export const ExpandTransition = createJavascriptTransition(
  'expand-transition',
  ExpandTransitionGenerator(''),
);
